<style scoped lang="scss">
.main-container {
  margin-top: 40px;
  justify-content: center;
}
.carousel {
  margin: 40px auto;
  width: 100%;
  height: 100%;
  min-height: 320px;
}
.gary-bgc-container {
  padding-top: 20px;
  background-color: $gary-bgc;
}
</style>

<template>
  <el-row :gutter="0" class="main-container">
    <el-col :span="22">
      <carousel></carousel>
    </el-col>
  </el-row>

  <el-row :gutter="0" class="main-container">
    <el-col :span="22">
      <hotspot></hotspot>
    </el-col>
  </el-row>

  <div class="gary-bgc-container">
    <el-row :gutter="0" class="main-container">
      <el-col :span="22">
        <group_photo></group_photo>
      </el-col>
    </el-row>
  </div>
</template>
<script setup>
// 导入轮播图
import carousel from './carousel/index.vue';
// 导入热门航拍点
import hotspot from './hotspot/index.vue';
// 导入主要图片卡展示组件
import group_photo from './group-photo/index.vue';
</script>
